<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <title>乐友首页</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no">
    <link rel="stylesheet" href="/css/see/reset.min.css">
    <link rel="stylesheet" href="/css/friend/addFriend.min.css?v=<%=$version%>">
</head>
<body>
<div id="addFriend" v-cloak>
    <div class="circleBar-top">
        <span class="goback" @click="getBack()"></span>
        添加好友
    </div>
    <div class="friendIndex-search">
        <input type="text" placeholder="昵称" v-model="content">
    </div>
    <div class="addFriend-cent">
        <div class="addFriend-title">系统推荐</div>
        <div class="addFriend-centList">
            <div class="friends-list" v-for="item in recommendList2" @click="getNext(item)">
                <strong class="list-topImg" :style="bgimg(item.headImg)"></strong>
                <div class="circles-cent">
                    <h6 class="list-color">{{item.name}}<span class="list-topGrade" :class="[item.sex=='1'?'friendsList-boy':'friendsList-girl']">LV.{{item.level}}</span></h6>
                    <p>关注&nbsp;{{item.gcount}}&nbsp;人<span></span>粉丝&nbsp;{{item.fcount}}&nbsp;人</p>
                </div>
                <span class="addFriend-btn" @click.stop="getAddFriend(item)">关注</span>
            </div>
        </div>
    </div>
    <div class="loadtip" v-if="loadFlag"></div>
    <prompt-view ref="prompt"></prompt-view>
</div>
<script src='/plugins/js/jquery-1.11.3.min.js'></script>
<script type="text/javascript" src="/plugins/js/vue.min.js"></script>
<script type="text/javascript" src="/js/friend/addFriend.js?v=<%=$version%>"></script>

</body>
</html>